<!doctype html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>短信登陆</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
    <link rel="stylesheet" href="/css/Mycss.css">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/xadmin.js"></script>
    <script type="text/javascript" src="js/cookie.js"></script>
</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
    <div class="message">手机验证码登陆</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form">
        <input name="userphone" placeholder="手机号" type="text" lay-verify="required" class="layui-input">
        <hr class="hr15">
        <input name="sms01" lay-verify="required" placeholder="输入收到的验证码" type="text" class="layui-input">

        <hr class="hr15">
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
        <hr class="hr20">
    </form>
    <button class="layui-btn" id="sendNewEmail">发送验证码</button>
</div>

<script>
    var $sendNewEmail = $("#sendNewEmail");

    $sendNewEmail.on("click", function () {
        if (checkMobile()) {
            time($sendNewEmail, 60);
            $.ajax(
                {
                    url: '/Sms.do',
                    type: 'get',
                    data: {'userphone': $("input[name=userphone]").val()},
                    dataType: 'text',
                    success: function (backData) {
                        console.log(backData)
                    },
                    error: function (e) {
                        console.log(e)
                    }
                }
            )
        }
    })


    function time(o, wait) {
        var $this = $(o);
        if (wait == 0) {
            $this.css('pointer-events', '');
            $this.html("发送验证码");
            wait = 10;
        } else {
            $this.css("pointer-events", "none");
            $this.html("重新发送(" + wait + ")");
            wait--;
            setTimeout(function () {
                    time(o, wait)
                },
                1000)
        }
    }

    function checkMobile() {
        var sMobile = $("input[name=userphone]").val();
        if (!(/^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/.test(sMobile))) {
            alert("手机号格式有误!");
            return false;
        } else {
            return true;
        }
    }

    $(function () {
        layui.use('form', function () {
            var form = layui.form;
            // layer.msg('玩命卖萌中', function(){
            //   //关闭后的操作
            //   });
            //监听提交
            form.on('submit(login)', function (data) {
                // alert(888)
                layer.msg(JSON.stringify(data.field), function () {
                    location.href = 'index.html'
                });
                return false;
            });
        });
    })


</script>


<!-- 底部结束 -->
<!--<script>-->
<!--//百度统计可去掉-->
<!--var _hmt = _hmt || [];-->
<!--(function() {-->
<!--var hm = document.createElement("script");-->
<!--hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";-->
<!--var s = document.getElementsByTagName("script")[0]; -->
<!--s.parentNode.insertBefore(hm, s);-->
<!--})();-->
<!--</script>-->
</body>
</html>